﻿
/*--------------------------------Vertical Menu--------------------------------*/
.line-danhmuc {
    float:left; width:223px; background-color:#065b9c; border-radius:5px 5px 0 0 ; height:38px; margin-top:-7px; -moz-border-radius:5px 5px 0 0 ;
}
    .line-danhmuc a {
    color:white; font-weight:bold; line-height:38px; padding:0 10px;font-size:13px;
    }
.line-danhmuc-2 {
    float:left; width:223px; background-color:#065b9c; border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px; height:5px;
}
#menu ul { margin: 0; padding: 0; list-style: none; width: 221px; /* Width of Menu Items */ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; background-color:#b2b1af; 
}
#menu ul li ul { margin: 0; padding: 0; list-style: none; width: 209px; margin-left:6px; z-index:990; /* Width of Menu Items */ background-color: white; float: left; }
#menu ul li { background-color:#dddcdb;position: relative; cursor: pointer; float: left;  width:100%;  }

#menu li ul { position: absolute; left: 215px; /*Set 1px less than menu width */ top: -1px; display: block; z-index: 100; float: left; }

#menu li:hover ul { display: block; }

#menu li:hover > ul { visibility: visible; }

#menu ul ul { visibility: hidden; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */


/* Make-up syles */

/* ------------------ Parent Menu --------------------- */
#menu ul a { display: block; text-decoration: none; color: #3a3a39; font-weight:700; /* IE6 Bug */     padding: 6px; border-bottom: 1px solid #ccc; }

#menu ul a:hover { color: #E2144A; background: #f9f9f9; }

/* ------------------ Sub Menu --------------------- */
#menu li ul a { text-decoration: none; color: #0000CC; /* IE6 Bug */ padding: 6px; border-bottom: 1px solid #ccc; }

#menu li ul a:hover { color: #E2144A; background: #f9f9f9; }
/* Icon Styles */
.submenu { background-image: url("../images/arrow.png"); float: right; height: 10px; width: 10px; margin-top: 4px; }
